﻿<style type="text/css">
    .ad-center{position:absolute;top:50%;left:50%;width:180px;height:180px;margin-left:-90px;margin-top:-90px;}
    .animation-con{position:relative;width:180px;height:180px;}
    .animation-con img{width:180px;height:180px;position:absolute;top:0;left:0;}

   .timeImg1changed{
        animation:myone 2s infinite;
        transition-delay: 10s;
   
    }

    .timeImg2changed{
        transition-delay: 2s;
        animation:myone 2s infinite;
        transition-delay: 8s;

  

        animation-iteration-count:infinite;
    }

     .timeImg3changed{
        transition-delay: 4s;
        animation:myone 2s infinite;
        transition-delay: 6s;
        animation-iteration-count:infinite;
    }

     .timeImg4changed{
        transition-delay: 6s;
        animation:myone 2s infinite;
        transition-delay: 4s;
        animation-iteration-count:infinite;
    }

     .timeImg5changed{
        transition-delay: 8s;
        animation:myone 2s infinite;
        transition-delay: 2s;
        animation-iteration-count:infinite;
       
    }

     .timeImg6changed{
        transition-delay: 10s;
        animation:myone 2s infinite;
        animation-iteration-count:infinite;
    }

    @keyframes myone
    {
        0%  {opacity:1;filter:Alpha(opacity=100)}
        25% {opacity:0.5;filter:Alpha(opacity=50)}
        50% {opacity:0;filter:Alpha(opacity=0)}
        75% {opacity:0.5;filter:Alpha(opacity=50)}
        100%{opacity:100;filter:Alpha(opacity=100)}
    }
   
    
   

</style>
